@charset "utf-8";
.home{
    position: relative;
   width: 100%;
}


.under-search-text {
    float: left;
    display: flex;
    position: relative;
    margin-left: 435px;
    list-style-type: none;
    margin-top: -70px;
}
.under-search-text ul{
    padding: 0;
    
}
.under-search-text li {
    float: left;
    list-style-type: none;
   margin-left: 10px;
}

.under-search-text li:hover{
  color: #ff5000;
  cursor: pointer;
}
.part2 {
    position: absolute;
    top: 220px;
    height: 500px;
    width: 1700px;
}

.box_left {
    width: 250px;
    height: 500px;
    background-color: #f7f7f7;
    position: relative;
    margin-left: 110px;
    border-radius: 10px;
}

.box_left h1 {
    padding: 20px;
    font-size: 16px;
    margin-left: -180px;

}

.box_left .one,
.box_left div {

    top: -22px;
    position: relative;
    display: flex;

    height: 41px;
}

.box_left ul {
    height: 40px;
    width: 250px;
    margin-top: 0px;
    list-style-type: none;
    display: flex;
    padding-left: 0px;
}

.box_left .one-ul1 {
    color: #ff5000;
}

.box_left .one-ul1:hover,
.box_left .one-ul2:hover,
.box_left .one-ul3:hover,
.box_left .one-ul4:hover,
.box_left .one-ul5:hover,
.box_left .one-ul6:hover,
.box_left .one-ul7:hover,
.box_left .one-ul8:hover,
.box_left .one-ul9:hover,
.box_left .one-ul10:hover,
.box_left .one-ul11:hover {

    background: white;
}

.box_left ul li {
    margin-left: 10px;
  
}


.box_left ul .text1:hover {
    color: #ff5000;
    cursor: pointer;
}

.box_left_tan {
    position: absolute;
    background: white;
    border: #ff5000 2px solid;
    width: 1210px;
    height: auto;
    border-radius: 10px;
    top: 0px;
    left: 360px;
    z-index: 1000;

}

.box_left_tan_ul ul {
    margin-top: 20px;
    display: flex;
    list-style-type: none;
}

.box_left_tan_ul ul li:hover {
    color: #ff5000;
}

.box_center {
    height: 500px;
    width: 878px;
    background-color: #3ba669;
    position: relative;
    margin-left: 380px;
    border-radius: 10px;
    top: -500px;

}

.box_center img {
    border-radius: 10px;
    height: 500px;
    width: 878px;
}

.center-img-cover{
    height: 500px;
    width: 878px;
    border-radius: 10px;
    position: absolute;
    top:0px;
    left:0px;
    cursor: pointer;
}

.box_center .text_top {
    position: absolute;
    margin-top: 80px;
    margin-left: 20px;
}
.text_top:hover{
    cursor: pointer;
}

.box_center .text_top h1,
h4 {
    color: white;
    text-align: left;
}

.left_button i{
    font-size: 30px;
    position: absolute;
    top: 0px;
    left: 5px;
    padding-top: 6px;
     cursor: pointer;
}
.right_button i{ 
     padding-top: 6px;
    font-size: 30px;
    position: absolute;
    top: 0px;
    right: 5px;
     cursor: pointer;
}
.left_button{
    border: 0px 10px 10px 0px;
    position: absolute;
    text-align: center;
    align-items: center;
     top: 240px;
    left: 0px;
    height: 40px;
    width: 40px;
}
.right_button{
    border: 10px 0px 0px 10px;
    text-align: center;
    align-items: center;
    position: absolute;
     height: 40px;
    width: 40px;
    top: 240px;
    left: 838px;
}
.left_button i:hover,.right_button i:hover{
    color: white;
}
.point{
   top:455px;
   left:50px;
    width: 200px;
    position: absolute;
    display: flex;
}
.point i{
    font-size: 15px;
    border-radius: 100%;
    color:transparent;
    background: white;
    margin-right: 4px;
}
.point:hover{
    cursor: pointer;
}
.box_right {
    border-radius: 10px;
    position: absolute;
    height: 500px;
    width: 300px;
    top: 10px;
    left: 1240px;


}

.box_right ul {
    list-style-type: none;
    margin-top: -20px;
    margin-left: 40px;
    padding: 0;
}

.box_right ul li {
    margin-top: 20px;
}

.one div,
.two div,
.three div,
.four div {
    border-radius: 10px;

    width: 300px;
    height: 110px;
}

.one img,
.two img,
.three img,
.four img {
    border-radius: 10px;
    width: 300px;
    height: 110px;
}



.center-white {
    height: 60px;
    width: 60px;
    background: pink;
    position: absolute;
    top: 760px;
    left: 120px;
    border-radius: 100%;
}

.center-white img {
    height: 60px;
    width: 60px;
}

.center-white-text {
    position: absolute;
    top: 750px;
    left: 190px;
    color: #ff5000;
    font-size: 12px;
}

.center-white-text h3 {
    margin-top: -5px;
}

.shopping-list {
    position: absolute;
    top: 840px;
    width: 1450px;
    height: 1000px;
    left: 120px;
}

.shopping-list .row {
    padding-bottom: 10px;
    display: flex;
    height: 360px;
    width: 1450px;
    border-radius: 10px;
}

.shopping-list .row .row-item {
    margin-right: 1px;
    margin-left: 1px;
    height: 360px;
    width: 240px;
    border-radius: 10px;
}

.shopping-list .row .row-item:hover {
    outline: #ff5000 1px solid;
}

.shopping-list .row .row-item img {
    padding-right: 7px;
    height: 240px;
    width: 240px;
    border-radius: 10px;
}

.text2 {
    margin-top: 10px;
    word-break: break-all;
    color: #1f1f1f;
    text-decoration: none;
}
.price {
    margin-top: 32px;
    margin-left: -160px;
    color: #ff5000;
    font-size: 20px;
     text-decoration: none;
    
}
.home-router-link{
    text-decoration: none;
}
